<!-- background-->
<script type="text/javascript">
        var text = [''
                    ];
        $(document).ready(function() {
            $('#gallery').bgslider({
                images: "["+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg1.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg2.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg3.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg4.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg5.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg6.jpg', title: 'k2 covered in clouds' },"+
					"{ image: '<?php echo base_url()?>templates/images/backgrounds/bg7.jpg', title: 'k2 covered in clouds' }"+
				"]",
                speed: 5000,
                preloadall:false,
				loading: '<?php echo base_url()?>templates/js/backgroundslider/images/loading.gif',
                onslidechange: function(src, index) {
                    $('#contents').html(text[index]);
                }
            });
        });       
    </script>
<!--end baclground-->
<link rel="stylesheet" type="text/css" href="<?php echo base_url()?>templates/css/introduce_style.css" />
<script language="javascript" type="text/javascript" src="<?php echo base_url()?>templates/js/jquery.easing.js"></script>
<script language="javascript" type="text/javascript" src="<?php echo base_url()?>templates/js/script.js"></script>
<script type="text/javascript">
 $(document).ready( function(){	
		// buttons for next and previous item						 
		var buttons = { previous:$('#left_button') ,
						next:$('#right_button') };
		 $obj = $('#jslidernews1').lofJSidernews( { interval : 4000,
											 	easing			: 'easeInOutQuad',
												duration		: 1200,
												auto		 	: false,
												maxItemDisplay  : 3,
												startItem:0,
												navPosition     : 'horizontal', // horizontal
												navigatorHeight : null,
												navigatorWidth  : null,
												mainWidth:1024,
												buttons:buttons} );		
	});
</script>
<!------------------------------------- THE CONTENT ------------------------------------------------->
<div id="wrapper">
  <div id="slider">
    <div id="templatemo_wrapper">
      <div class="scroll">
        <div class="scrollContainer">
        <div id="introduce">
          <div id="jslidernews1" class="lof-slidecontent" style="width:1024px; height:500px;">
            <div class="preload"></div>
            <!-- MAIN CONTENT -->
            <div class="main-slider-content" style="width:1024px; height:500px;">
              <ul class="sliders-wrap-inner">
                <li> <img src="<?php echo base_url()?>templates/images/img.png" title="About XAN" >
                  <div class="slider-description">
                    <div class="vexan_title">VỀ XAN</div>
                    <hr style="color:#FFF; width:440px;position:absolute; left:115px;"/>
                    <div class="vexan_content"> Công ty TNHH XAN gồm một đội ngũ nhân viên trẻ trung, năng động, sáng tạo và tràn đầy nhiệt huyết, luôn mong cống 			hiến sức trẻ vì một sự nghiệp lâu dài và bền vững.
                      <p></p>
                      Chúng tôi lấy nền tảng công nghệ làm kim chỉ nam cho mọi định hướng và chiến lược phát triển của công ty. </div>
                    <div class="vexan_address"> GPKD: 0311230133, Phòng Đăng Ký Kinh Doanh-Sở Kế Hoạch và Đầu Tư TPHCM.<br/>
                      Ngày cấp: 11/10/2011.<br/>
                      Ngày hoạt động chính thức: 11/11/2011.<br/>
                      Lĩnh vực hoạt động: Công nghệ thông tin.<br/>
                      Trự sở: 193 Đông Bắc, P.TCH,Q.12,TP.HCM.<br/>
                      Nhân viên: 50. </div>
                  </div>
                </li>
                <li> <img id="item_4" src="<?php echo base_url()?>templates/images/img_gt.png" title="About XAN">
                  <div class="slider-description">
                    <div id="dinhhuong">
                      <div class="title">ĐỊNH HƯỚNG</div>
                      <div class="content">Trở thành doanh nghiệp cung cấp dịch vụ sản phẩm CNTT hàng đầu Việt Nam.</div>
                    </div>
                    <div id="sumenh">
                      <div class="title">SỨ MỆNH</div>
                      <div class="content">Mang các sản phẩm và dịch vụ CNTT đến tận tay người dùng, giúp người dùng nắm bắt công nghệ một cách dễ dàng nhất.</div>
                    </div>
                    <div id="muctieu">
                      <div class="title">MỤC TIÊU</div>
                      <div class="content">Tạo ra các sản phẩm CNTT tốt nhất trong nhiều lĩnh vực phục vụ cho mọi tầng lớp xã hội.</div>
                    </div>
                    <div id="giatri">
                      <div class="title">GIÁ TRỊ CỐT LÕI</div>
                      <div class="content">Với XAN, công nghệ là nền tảng của sự phát triển bền vững.</div>
                    </div>
                  </div>
                </li>
              </ul>
            </div>
            <!-- END MAIN CONTENT --> 
            <!-- NAVIGATOR -->
            <div class="navigator-content">
              <div class="button-control"><span></span></div>
              <div class="navigator-wrapper">
                <ul class="navigator-wrap-inner">
                  <li><span>1</span></li>
                  <li><span>2</span></li>
                </ul>
              </div>
            </div>
            <!----------------- END OF NAVIGATOR ---------------------> 
          </div>
          </div><!--end panel-->
        </div>
      </div>
    </div>
  </div>
</div>
<div id="right_button"></div>
<div id="left_button"></div>
